<template>
  <div id="app">
    <!--
        需求：页面加载自动聚焦
              1.autofocus：自动聚焦
              2.使用ref然后组件在挂载后使用$refs.xxx拿到DOM元素调用focus()方法
              3.封装一个v-focus的自定义指令
    -->
    <!--<div><input type="text" autofocus></div>-->
    <!--<div><input type="text" ref="input"></div>-->
    <!--<div><input type="text" v-focus></div>-->
    <span v-color="'red'">我是全局自定义指令</span>
    <span v-color="'blue'">我是全局自定义指令</span>
    <span v-color="'yellow'">我是全局自定义指令</span>
  </div>
</template>
<script>
export default {
  name: "App",
  data() {
    return {}
  },
  /*mounted() {
    this.$refs.input.focus()
  }*/

}
</script>
<style lang="less"></style>
